<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API详情</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/APIDetails.css">
    <link rel="stylesheet" href="../css/template.css">
    <style>
           .top .right a:nth-child(1) {
            border: 1px solid #00bdff;
            border-radius: 15px;
            padding: 5px 10px;
            box-sizing: border-box;
        }

        .top .middle .topOn {
            padding-bottom: 28px;
            border-bottom: 3px solid #00bdff;
            color: #00bdff;
        }
    </style>
</head>

<body>

    <!-- 顶部菜单 -->
    <div class="top ">
        <a href="../pages/home.html" class="img"><img src="../images/logo-white.png"></a>
        <span class="middle">
            <a href="../pages/home.html">首页</a>
            <a href="../pages/API.html" class="topOn">API</a>
            <a href="../pages/customer.html" >案例</a>
        </span>
        <span class="right">
            <a href="../pages/login.html" class="hov">登录</a>
            <a href="../pages/register.html" class="hov">注册有礼</a>
        </span>
    </div>


    <!-- 背景div -->
    <div id="mydiv" style="height:350px;"></div>
    <!-- banner区域覆盖上mydiv -->
    <div class="banner container clearfix">
        <!-- 左：图片 -->
        <div class="fl banner-left">
            <img src="../images/API_02.jpg" alt="" class="top-pic">
            <ul>
                <li>
                    <img src="../images/API_smallicon_01.jpg" alt="">
                    <p>103</p>
                </li>
                <li>
                    <img src="../images/API_smallicon_02.jpg" alt="">
                    <p>14245</p>
                </li>
                <li>
                    <img src="../images/API_smallicon_03.jpg" alt="">
                    <p>623</p>
                </li>
            </ul>
        </div>
        <!-- 右：文字 -->
        <div class="fr banner-right">
            <div class="idcard">
                <h2>身份证实名认证 </h2><span class="support">支持HTTPS</span><span class="only">企业专用</span>
            </div>
            <div class="company">
                <span> <img src="../images/API03.jpg" alt=""> 限企业实名用户使用</span>
                <span> <img src="../images/API08.jpg" alt=""> 本接口需提供应用场景审核</span>
                <span> <img src="../images/API05.jpg" alt=""> 本人实名用户无法使用</span>
            </div>
            <p>检查姓名和身份证号是否一致，身份证验证 </p>
            <div class="banner-btn">
                <a class="test">
                    <img src="../images/API详情页_17.jpg" alt="">
                    扫码测试
                    <div class="codeR"><img src="../images/103-demo.png" alt="">
                        <p>打开微信扫一扫</p>
                    </div>
                </a>
                <!-- <a class="times class">4000次</a>
                <a class="times">8000次 </a>
                <a class="times">40000次</a> -->
            </div>
            <div class="buy">
                <span class="price">￥1200</span>
                <span class="about">(约0.3000元/次)，仅限企业实名购买</span>
                <p><button>立即申请</button></p>
            </div>
        </div>
    </div>
    <div class="through-1">
        <div class="nav container">
            <span >API文档</span>
            <span >错误码参照</span>
            <span >示例代码</span>
            <span >联系我们</span>
        </div>
    </div>
    <div class="mainBox container clearfix ">
        <!-- 左侧主要内容 -->
        <div class="main-left fl">
            <div class="firstBox box">
                <p>
                    <span class="chinese">接口地址：</span><span>http://itsource.cn/idcard/query</span>
                </p>
                <p>
                    <span class="chinese">返回格式：</span><span>json</span>
                </p>
                <p>
                    <span class="chinese">请求方式：</span><span>http get/post</span>
                </p>
                <p>
                    <span
                        class="chinese">请求示例：</span><span>http://itsource.cn/idcard/query?key=您申请的KEY&idcard=&realname=</span>
                </p>
                <p>
                    <span class="chinese">接口备注：</span><span>error_code为0时收费</span>
                </p>

                <a href="">API测试工具</a>
            </div>

            <div class="secondBox box">
                <h3>请求参数说明</h3>
                <table>
                    <tr>
                        <th>名称</th>
                        <th>必填</th>
                        <th>类型</th>
                        <th>说明</th>
                    </tr>
                    <tr>
                        <td>idcard</td>
                        <td>是</td>
                        <td>string</td>
                        <td>身份证号码</td>
                    </tr>
                    <tr>
                        <td>realname</td>
                        <td>是</td>
                        <td>string</td>
                        <td>姓名(UTF-8)</td>
                    </tr>
                    <tr>
                        <td>orderid</td>
                        <td>否</td>
                        <td>int</td>
                        <td>传1时返回单号，默认不返回单号(建议传入)</td>
                    </tr>
                    <tr>
                        <td>key</td>
                        <td>是</td>
                        <td>string</td>
                        <td>在个人中心->我的数据，接口名称上方查看</td>
                    </tr>

                </table>
            </div>

            <div class="thirdBox box">
                <h3>返回参数说明</h3>
                <table>
                    <tr class="title">
                        <th>名称</th>
                        <th>类型</th>
                        <th>说明</th>
                    </tr>
                    <tr>
                        <td class="url">error_code</td>
                        <td class="url">int</td>
                        <td class="url">返回码</td>

                    </tr>
                    <tr>
                        <td class="url">reason</td>
                        <td class="url">string</td>
                        <td>返回说明</td>
                    </tr>
                    <tr>
                        <td class="url">result</td>
                        <td class="url">object</td>
                        <td>返回结果集</td>
                    </tr>
                    <tr>
                        <td class="url">realname</td>
                        <td class="url">string</td>
                        <td>属result,真实姓名</td>
                    </tr>

                    <tr>
                        <td class="url">idcard</td>
                        <td class="url">string</td>
                        <td>属result,身份证号</td>
                    </tr>
                    <tr>
                        <td class="url">res</td>
                        <td class="url">int</td>
                        <td> 属result,匹配详情,1匹配,2不匹配</td>
                    </tr>
                </table>
            </div>

            <div class="forthBox box">
                <div class="forthTop">
                    <span>JASON返回实例：</span> <a href="#">JASON在线格式化工具</a>
                </div>
                <pre>
{

    "reason": "成功",
    
    "result": {
    
    "realname": "***",/*真实姓名*/
    
    "idcard": "******************",/*身份证号码*/
    
    "orderid":"J103202010151450419556",/*流水号*/
    
    "res": 1 /*1：匹配 2：不匹配*/
    
    },
    
    "error_code": 0
    
}
                </pre>
            </div>


            <div class="fifthBox box">
                <h3>联系我们</h3>
                <table>
                    <tr class="title">
                        <th width="5%"></th>
                        <th width="40%">内容</th>
                        <th width="40%">详细</th>
      
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td class="url"> 售前咨询①:</td>
                        <td class="url"> 0512-88869195</td>
      
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td class="url"> 客服热线:</td>
                        <td class="url"> 400-882-7715</td>
      
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td class="url"> 在线客服QQ:</td>
                        <td class="url"> 800076065</td>
      
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td class="url"> 接口测试:</td>
                        <td class="url"> API测试工具</td>
                      </tr>
                </table>
            </div>
        </div>

        <!-- 右侧边栏 -->
        <div class="aside fr">

            <div class="asideTop">
                <p>活动推荐/Activity</p>
                <img src="../images/sfz-aside1.png" alt="">
                <img src="../images/details-aside02.png" alt="">
                <img src="../images/details-aside03.png" alt="">
            </div>
            <div class="asideBottom">
                <p>猜你喜欢</p>
                <ul>
                    <li class="clearfix">
                        <a href="#" class="fl imgbox">
                            <img src="../images/API详情页_22.jpg" alt="">
                        </a>
                        <div class="text fr">
                            <p class="title">
                                <a href="#">短信API服务</a>
                            </p>
                            <p class="desc">
                                <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </p>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a href="#" class="fl imgbox">
                            <img src="../images/API详情页_26.jpg" alt="">
                        </a>
                        <div class="text fr">
                            <p class="title">
                                <a href="#">银行卡四元素校验</a>
                            </p>
                            <p class="desc">
                                <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </p>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a href="#" class="fl imgbox">
                            <img src="../images/API详情页_30.jpg" alt="">
                        </a>
                        <div class="text fr">
                            <p class="title">
                                <a href="#">身份证查询</a>
                            </p>
                            <p class="desc">
                                <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </p>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a href="#" class="fl imgbox">
                            <img src="../images/API详情页_33.jpg" alt="">
                        </a>
                        <div class="text fr">
                            <p class="title">
                                <a href="#">身份证OCR识别</a>
                            </p>
                            <p class="desc">
                                <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </p>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a href="#" class="fl imgbox">
                            <img src="../images/API详情页_36.jpg" alt="">
                        </a>
                        <div class="text fr">
                            <p class="title">
                                <a href="#">三网手机实名制认证</a>
                            </p>
                            <p class="desc">
                                <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
    </div>




    <div class="bottomBox">
        <h2>现在注册，百款接口免费测试</h2>
        <a href="../pages/register.html">免费注册</a>
    </div>

    <!-- last区域 -->
    <div class="through">
        <div class="last container">
            <div class="last-left">
                <ul>
                    <li class="title">联系与支持</li>
                    <li><a href="#">400-882-7715</a></li>
                    <li><a href="#">售前咨询</a></li>
                    <li><a href="#">客服&售后</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">极速工单</a></li>
                    <li><a href="#">投诉与建议</a></li>
                </ul>
                <ul>
                    <li class="title">关于源码</li>
                    <li><a href="#">合作伙伴</a></li>
                    <li><a href="#">服务条款</a></li>
                    <li><a href="#">隐私政策</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">市场合作</a></li>
                    <li><a href="#">反商业贿赂声明</a></li>
                </ul>
                <ul>
                    <li class="title">快速入口</li>
                    <li><a href="#">API数据</a></li>
                    <li><a href="#">黑钻会员</a></li>
                    <li><a href="#">新闻动态</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">加入我们</a></li>
                </ul>
                <ul>
                    <li class="title">产品服务</li>
                    <li><a href="#">云监测</a></li>
                    <li><a href="#">云查询</a></li>
                    <li><a href="#">云助手</a></li>
                    <li><a href="#">聚盒子</a></li>
                    <li><a href="#">极速单</a></li>
                    <li><a href="#">云充值</a></li>
                </ul>
                <ul>
                    <li class="title">解决方案</li>
                    <li><a href="#">400-882-7715</a></li>
                    <li><a href="#">售前咨询</a></li>
                    <li><a href="#">客服&售后</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">极速工单</a></li>
                    <li><a href="#">投诉与建议</a></li>
                </ul>
                <p><img src="../images/bei2.png" alt=""> <img src="../images/bei1.png" alt="">
                    增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</p>
            </div>

            <div class="last-right">
                <h4>微信公众号</h4>
                <p class="band">源码时代</p>
                <img src="../images/103-demo.png" alt="">

                <p class="copy">源码大数据股份有限公司&copy;版权所有</p>
            </div>

        </div>
    </div>



    <!-- script部分 -->
    <script src="../js/APIDetails.js"></script>
    <script type="text/javascript">
        window.onload = function () {
            //配置
            var config = {
                vx: 4,	//小球x轴速度,正为右，负为左
                vy: 4,	//小球y轴速度
                height: 2,	//小球高宽，其实为正方形，所以不宜太大
                width: 2,
                count: 200,		//点个数
                color: "121, 162, 185", 	//点颜色
                stroke: "e2,e2,e2", 		//线条颜色
                dist: 6000, 	//点吸附距离
                e_dist: 20000, 	//鼠标吸附加速距离
                max_conn: 10 	//点到点最大连接数
            }

            //调用
            CanvasParticle(config);
        }
    </script>
    <script type="text/javascript" src="../js/canvas-particle.js"></script>
</body>

</html>